.nav-wrpa{
  background-color: #1b1d21;
  width:100%;
  left:0;
  top:0;
  z-index: 10;
  .nav-container{
    width:1145px;
    height:60px;
    align-items: center;
    justify-content: space-between;
    .nav-search{
      input{
        width:472px;
        height:36px;
        border:1px solid #606873;
        background-color: #1b1d21;
        padding:8px 12px;
        color: #fff;
        font-size: 14px;
      }
      button{
        display: inline-block;
        position: absolute;
        right:0;
        top:0;
        width:36px;
        height:36px;
        background-color:#00ba91;
        border-radius:0 2px 2px 0;
        border:none;
        cursor: pointer;
      }
    }
    .user{
      cursor: pointer;
      font-size: 18px;
      color: #fff;
      img{
        width:48px;
        height:48px;
        border-radius: 100%;
      }
      span{
        display: inline-block;
        line-height: 48px;
        font-size:16px;
        color:#fff;
        margin-left: 14px;
      }
      .log-out{
        width:98px;
        line-height: 42px;
        background-color: #fff;
        color: #33383e;
        font-size: 14px;
        position: absolute;
        top: 56px;
        left: 20px;
        border: 1px solid #e5e3e3;
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,.06);
        border-radius: 2px;
        cursor: pointer;
        display: none;
        &:after{
          content: "";
          position: absolute;
          top: -8px;
          right: 46px;
          width: 0;
          height: 0;
          line-height: 0;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-bottom: 8px solid #fff;
          box-shadow: 2px 2px 2px 0 rgba(0,0,0,.06);
        }
        &.open{
          display: block;
          animation: fadeInDown .3s .3s ease both;
        }
      }
    }
  }
}
/*
  登录注册页面样式导入
 */
@import "login.scss";
